<script setup lang='tsx' name='TitleNav'>
import { ArrowForwardIosRound } from '@vicons/material'
type Props = {
    title: string
    showArrow?: boolean
}
withDefaults(defineProps<Props>(), {
    showArrow: true
})
defineEmits<{
    click: []
}>()

</script>

<template>
    <div class='title-nav' @click="$emit('click')">
        <span>{{ title }}</span>
        <n-icon v-if='showArrow'>
            <ArrowForwardIosRound />
        </n-icon>
    </div>
</template>

<style lang='scss' scoped>
.title-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 700;
}
</style>